<html xmlns="http://www.w3.org/1999/xhtml">
<style>
	.bxslider{
		margin-top:0px;
		padding-left: 0px;
	}
	.bx-controls 
	{
		display:none;
	}
	.bx-caption
	{
		margin-bottom: 10px;
	}
</style>
<script src="./js/jquery.bxslider.min.js"></script>
<script>
		
    jQuery(document).ready(function(){
        jQuery('.newest-place li').hover(function(){
            jQuery(this).find('.contentinner').stop().animate({marginTop: '170px'});
        },function(){
            jQuery(this).find('.contentinner').stop().animate({marginTop: '190px'});
        });
        $('.bxslider').bxSlider({
			minSlides: 3,
			maxSlides: 3,
			slideWidth: 275,
			slideMargin: 10,
			auto: true,
			captions: true
		});
    });

</script>
<body>
<div id="banner" style="margin:auto;width: 834px;">
    <ul class="bxslider">
        <li><a href="http://www.google.com" ><img src="images/pic1.jpg" title="Quán 1"/></a></li>
        <li><img src="./images/pic1.jpg" title="Tiệm bánh hoàng tử"/></li>
        <li><img src="./images/pic1.jpg" title="Bánh quy kem"/></li>
        <li><img src="./images/pic1.jpg" title="Cơm bình dân"/></li>
        <li><img src="./images/pic1.jpg" title="Lẩu 333"/></li>
		<li><img src="./images/pic1.jpg" title="Kem Ý"/></li>
        <li><img src="./images/pic1.jpg" title="Bánh mỳ nóng"/></li>
    </ul>
</div>
</body>
</html>